@mixin light-theme() {
  @content;
}

@mixin dark-theme() {
  .dark-theme & {
    @content;
  }
}

.module-home {
  width: 100%;
  height: 100%;
  overflow: hidden;

  @include light-theme {
    background-color: #ffffff;
  }

  @include dark-theme() {
    background-color: #141414;
  }

  &-header {
    position: relative;

    &-bar {
      position: absolute;
      top: 8px;
      left: 12px;
      -webkit-app-region: no-drag;
    }
  }

  &-menu {
    padding-left: 100px;
    line-height: 40px;
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;

    .ant-menu-item {
      -webkit-app-region: no-drag;
    }

    .ant-menu-title-content {
      padding: 0 12px;
      font-weight: 300;
    }
  }

  &-extra {
    position: absolute;
    top: 8px;
    right: 12px;
    -webkit-app-region: no-drag;
  }

  &-btn {
    -webkit-app-region: no-drag;
  }

  &-container {
    height: calc(100% - 40px);
  }
}
